<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/include/include.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><fmt:message key="page.home.title"/></title>
<script type="text/javascript">
$(function(){
	DWZ.init("<c:url value="/"/><fmt:message key="page.dwz.frage.path"/>", {
		loginUrl:"<c:url value="/login/dialog"/>", loginTitle:"<fmt:message key="page.home.loginTitle"/>",
		statusCode:{ok:200, error:300, timeout:301},
		pageInfo:{pageNum:"pageNum", numPerPage:"numPerPage", orderField:"orderField", orderDirection:"orderDirection"},
		debug:false,
		callback:function(){
			initEnv();
			$("#themeList").theme({themeBase:"dwz/themes"});
		}
	});
});
</script>

</head>
<body scroll="no">
<div id="layout">
		<div id="header">
			<div class="headerNav">
				<a class="logo" href="#"><fmt:message key="page.home.logo"/></a>
				<ul class="nav">
					<li id="languateBox"><a href="javascript:"><fmt:message key="page.home.languate"/></a>
						<ul>
							<li><a href="?locale=zh_CN"><fmt:message key="page.home.languate.zh"/></a></li>
							<li><a href="?locale=en_US"><fmt:message key="page.home.languate.en"/></a></li>							
						</ul>
					</li>
					<li>
						<span style="color: white;">
						<fmt:message key="page.home.welcome"/> <shiro:principal property="name"/> !
						</span>
					</li>
					<li><a href="<c:url value="/logout"/>"><fmt:message key="page.home.logout"/></a></li>
				</ul>
				<ul class="themeList" id="themeList">
					<li theme="default"><div><fmt:message key="page.home.themeList.default"/></div></li>
					<li theme="green"><div><fmt:message key="page.home.themeList.green"/></div></li>
					<li theme="purple"><div class="selected"><fmt:message key="page.home.themeList.purple"/></div></li>
					<li theme="silver"><div><fmt:message key="page.home.themeList.silver"/></div></li>
					<li theme="azure"><div><fmt:message key="page.home.themeList.azure"/></div></li>
				</ul>
			</div>
		</div>

		<div id="leftside">
			<div id="sidebar_s">
				<div class="collapse">
					<div class="toggleCollapse"><div></div></div>
				</div>
			</div>
			<div id="sidebar">
				<div class="toggleCollapse"><h2><fmt:message key="page.home.mainMenu"/></h2><div><fmt:message key="page.home.shrink"/></div></div>
				
				<div class="accordion" fillSpace="sidebar">
					<youthburin:hasAnyPermissions name="menu:user,menu:dept,menu:role">
					<div class="accordionHeader">
						<h2><span>Folder</span><fmt:message key="page.home.menu.rightmanage"/></h2>
					</div>
					<div class="accordionContent">
						<ul class="tree treeFolder">
							<shiro:hasPermission name="menu:user">
								<li><a href="<c:url value="/user/list"/>" target="navTab" rel="user_panel"><fmt:message key="page.home.menu.usermanage"/></a></li>
							</shiro:hasPermission>
							<shiro:hasPermission name="menu:dept">
								<li><a href="<c:url value="/dept/list"/>" target="navTab" rel="dept_panel"><fmt:message key="page.home.menu.deptmanage"/></a></li>
							</shiro:hasPermission>
							<shiro:hasPermission name="menu:role">
								<li><a href="<c:url value="/role/list"/>" target="navTab" rel="role_panel"><fmt:message key="page.home.menu.rolemanage"/></a></li>
							</shiro:hasPermission>							
						</ul>
					</div>
					</youthburin:hasAnyPermissions>
					<youthburin:hasAnyPermissions name="menu:log,menu:cache">
					<div class="accordionHeader">
						<h2><span>Folder</span><fmt:message key="page.home.menu.systemsetting"/></h2>
					</div>
					<div class="accordionContent">
						<ul class="tree treeFolder">
							<shiro:hasPermission name="menu:log">
								<li><a href="<c:url value="/system/log/show"/>" target="navTab" rel="log_panel"><fmt:message key="page.home.menu.logsetting"/></a></li>
							</shiro:hasPermission>
							<shiro:hasPermission name="menu:cache">
								<li><a href="<c:url value="/system/cache/show"/>" target="navTab" rel="cache_panel"><fmt:message key="page.home.menu.cachesetting"/></a></li>
							</shiro:hasPermission>
							<shiro:hasPermission name="menu:dict">
							<li><a href="<c:url value="/system/dict/list"/>" target="navTab" rel="dict_panel"><fmt:message key="page.home.menu.dictsetting"/></a></li>
							</shiro:hasPermission>
							<shiro:hasPermission name="menu:oplog">
							<li><a href="<c:url value="/system/oplog/list"/>" target="navTab" rel="opLog_panel"><fmt:message key="page.home.menu.oplogquery"/></a></li>
							</shiro:hasPermission>
							<shiro:hasPermission name="menu:notice">
							<li><a href="<c:url value="/system/notice/list"/>" target="navTab" rel="notice_panel"><fmt:message key="page.home.menu.noticesetting"/></a></li>
							</shiro:hasPermission>
						</ul>
					</div>
					</youthburin:hasAnyPermissions>
				</div>
				
				
			</div>
		</div>
		<div id="container">
			<div id="navTab" class="tabsPage">
				<div class="tabsPageHeader">
					<div class="tabsPageHeaderContent">
						<ul class="navTab-tab">
							<li tabid="main" class="main"><a href="javascript:;"><span><span class="home_icon"><fmt:message key="page.home.menu.tab.mainPage"/></span></span></a></li>
						</ul>
					</div>
					<div class="tabsLeft">left</div>
					<div class="tabsRight">right</div>
					<div class="tabsMore">more</div>
				</div>
				<ul class="tabsMoreList">
					<li><a href="javascript:;"><fmt:message key="page.home.menu.tab.mainPage"/></a></li>
				</ul>
				<div class="navTab-panel tabsPageContent layoutBox">
					<div class="page unitBox">
						<div class="accountInfo">
							<div class="alertInfo">
								<p><fmt:message key="page.home.technical.support"/>	</p>
								<p><fmt:message key="page.home.technical.support.phone"/></p>
							</div>
							<p><span><fmt:message key="page.home.title"/></span></p>
						</div>
						<div class="pageFormContent" layoutH="80">
							<c:if test="${not empty noticeList}">
								<c:forEach items="${noticeList}" var="notice">
									<h2>
										${notice.title }										
									</h2>
									<div style="line-height:1.4em;margin: 5px 30px 5px 5px">
										${notice.content }
										<br><br>
										<span style="color: red;">
										<fmt:message key="page.notice.creater"/>：${notice.creater}&nbsp;&nbsp;&nbsp;&nbsp;<fmt:message key="page.notice.createTime"/>：<fmt:formatDate value="${notice.createTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
										<c:if test="${not empty notice.updater }">
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<fmt:message key="page.notice.updater"/>：${notice.updater}&nbsp;&nbsp;&nbsp;&nbsp;<fmt:message key="page.notice.updateTime"/>：<fmt:formatDate value="${notice.updateTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
										</c:if>
										</span>
									</div>
									<div class="divider"></div>
								</c:forEach>
							</c:if>
						</div>
					</div>					
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<fmt:message key="page.home.footer"/>
	</div>
</body>
</html>